<div id="xm">
    <axz-header></axz-header>
    <div class="content">
   <!--      <div class="container">
            <div class="breadcrumb-wrap">
                <axz-breadcrumb [xmSeparator]="mySeparator">
                    <axz-breadcrumb-item >全部</axz-breadcrumb-item>
                    <axz-breadcrumb-item >一级</axz-breadcrumb-item>
                    <axz-breadcrumb-item>二级</axz-breadcrumb-item>
                    此处传值就会默认现实 --> 
                  <!--   <ng-template #mySeparator let-name let-my="my">
                        <b>$$-{{name}}--{{my}}</b>
                    </ng-template>
                </axz-breadcrumb> -->
         <!--    </div>
        </div>  -->

        <div class="container">
            <div class="breadcrumb-wrap">
              <axz-breadcrumb>
                <axz-breadcrumb-item>全部分类</axz-breadcrumb-item>
                <axz-breadcrumb-item>
                  <div class="sub-category">
                    <div class="handler">
                      <span class="current">{{currentCategory?.displayName}}</span>
                      <i class="arrow"></i>
                    </div>
                    <div class="category-box">
                      <ul>
                        <li (click)="changeCategory(item)" [class.checked]="item.id === currentCategory?.id" *ngFor="let item of categories;">{{item.displayName}}</li>
                      </ul>
                    </div>
                  </div>
                </axz-breadcrumb-item>
                <ng-container *ngIf="subcategory.length">
                  <axz-breadcrumb-item  *ngFor="let item of subcategory">{{ item }}</axz-breadcrumb-item>
                </ng-container>
              </axz-breadcrumb>
            </div>
            <router-outlet></router-outlet>
          </div>
    </div>
</div>